/**
 * Created by lenovo on 2018/8/6.
 */
$(function () {

    find()
    //查询按钮点击事件
$("#findName").click(function () {
   find()
})
    num()//分页查询


})
var NOpage=1;//当前页码
var Maxpage=0;//最大页码

function find() {
   var name= $("[name=waterName]").val();
    NOpage=1;//页码
    $("#page").text("当前为第"+NOpage+"页")
    $.post("findWaterServlet",{"name":name},function (data) {
        count();//页码方法
        //遍历数据
        ergodic(data);
        //开启表格多选
      //  tableCheck.init();

    },"json")
}
//分页查询
function num() {
    $(".num").click(function () {
        var Turn=$(this).find("span").text();//翻页值
        $.post("findWaterServlet",{"Turn":Turn},function (data) {
            if(Turn==1){
                NOpage++;
            }else {
                NOpage--;
            }
            if(NOpage>Maxpage){
                NOpage=Maxpage
            }
            if(NOpage<1){
                NOpage=1
            }

            $("#page").text("当前为第"+NOpage+"页")
            ergodic(data);

        },"json")

    })

    //首页
    $(".prev").click(function () {
        NOpage=1
        $("#page").text("当前为第"+NOpage+"页")
        $.post("findWaterServlet",{"page":NOpage-1},function (data) {
            ergodic(data)
        },"json")
    })

    //尾页
    $(".next").click(function () {
        NOpage=Maxpage
        $("#page").text("当前为第"+Maxpage+"页")
        $.post("findWaterServlet",{"page":Maxpage},function (data) {
            ergodic(data)
        },"json")
    })

}

function  show(td) {
    var $tr = $(td).parent().parent();
    var id = $tr.children().get(1).textContent;
    x_admin_show('编辑',"member-edit.jsp?id="+id,600,400)
}

    //表格多选事件
tableCheck = {
    init:function  () {
        $(".layui-form-checkbox").click(function(event) {
            //是否绑定这个样式
            if($(this).hasClass('layui-form-checked')){
                //如果绑定是，则移除此样式
                $(this).removeClass('layui-form-checked');
                if($(this).hasClass('header')){
                    $(".layui-form-checkbox").removeClass('layui-form-checked');
                }
            }else{
                $(this).addClass('layui-form-checked');
                if($(this).hasClass('header')){
                    $(".layui-form-checkbox").addClass('layui-form-checked');
                }
            }
        });
    },
    getData:function  () {
        var obj = $(".layui-form-checked").not('.header');
        var arr=[];
        obj.each(function(index, el) {
            arr.push(obj.eq(index).attr('data-id'));
        });
        return arr;
    }

}

function  ergodic(data) {
    $(".layui-table thead tr").remove();//移除头部
    $(".layui-table thead").append(" <tr>"+
        " <th>"+
        " <div class='layui-unselect header layui-form-checkbox' lay-skin='primary'><i class='layui-icon'>&#xe605;</i></div>"+
        "</th>"+
        " <th>名称</th>"+
        "<th>编号</th>"+
        "<th>生产厂家 </th>"+
        "<th>保修期</th>"+
        "<th>型号</th>"+
        "<th>批准文号</th>"+
        "<th>出水量</th>"+
        "<th>价格</th>"+
        "<th>状态</th>"+
        "<th>操作</th></tr>")
    $(".layui-table tbody tr").remove();

    $(data).each(function () {
        $(".layui-table tbody").append("<tr>"+
            "<td>"+
            " <div class='layui-unselect layui-form-checkbox' lay-skin='primary' data-id="+this.wpid+"><i class='layui-icon'>&#xe605;</i></div>"+
            " </td>"+
            "<td name='wpid'>"+this.wpid+"</td>"+
            "<td >"+this.waterName+"</td>"+
            "<td>"+this.wpnumber+"</td>"+
            " <td>"+this.mamufacturer+"</td>"+
            "<td>"+this.warranty+"</td>"+
            "<td>"+this.model+"</td>"+
            "<td>"+this.approval+"</td>"+
            "<td>"+this. waterYield+"</td>"+
            "<td>"+this.price+"￥</td>"+
            "<td class='td-status'>"+
            "<span class='layui-btn layui-btn-normal layui-btn-mini'>已启用</span></td>"+
            "<td class='td-manage'>"+
            "<a class='startUsing' onclick='member_stop(this,10001)' href='javascript:;'  title='启用'>"+
            "<i class='layui-icon'>&#xe601;</i>"+
            "</a>"+
            "<a title='编辑'  onclick='show(this)' href='javascript:;'>"+
            "<i class='layui-icon'>&#xe642;</i>"+
            "</a>"+
            "<a title='删除'  href='javascript:;' onclick='de(this)'>"+
            "<i class='layui-icon'>&#xe640;</i>"+
            "</a>"+
            "</td>"+
            "<td name='startUsing' style='display: none'>"+this.startUsing+"</td>"+
            "</tr>")
        $("[name='wpid']").hide();
    })
    tableCheck.init();
    startUsing();
}
//删除事件
function de(td) {
    var $tr = $(td).parent().parent();
    var id = $tr.children().get(1).textContent;
    //删除按钮绑定事件
        layer.confirm("确定要删除吗",function (idex) {
            if(idex>0){
                $.post("DeleteWaterServlet",{"id":id},function (data) {
                    if(data>0){
                        $.post("findWaterServlet",{"Turn":0,"page":NOpage},function (data) {
                            ergodic(data);//遍历数据的函数
                            count()//查询一共有多少条数据
                        },"json")
                        layer.msg('恢复成功 ', {icon: 1});
                    }else {
                        layer.msg('恢复失败', {icon: 1});
                    }
                })
            }
        })
}


//查询一共有多少数据
function count() {
    $.post("findWaterCountServlet","",function (data) {
            $("#count").text("共有商品"+data[0]+"种")
            $("#pages").text("共"+data[1]+"页")
                //已经获取到最大页码   推算出当前页码
                Maxpage=data[1];
                if(NOpage>data[1]){
                    NOpage=data[1]
                }
           $("#page").text("当前为第"+NOpage+"页")
    },"json")
}

//批量删除
function delAll (argument) {
    var datax = tableCheck.getData();
    layer.confirm('确认要删除吗？'+datax,function(index){
        if(index>0){
            if(datax.length<=0){
                layer.msg("未选中任何数据", {icon: 6});
                return;
            }
            //捉到所有被选中的，发异步进行删除
            for(var i=0;i<datax.length;i++){
                $.post("DeleteWaterServlet",{"id":datax[i]},function (data) {
                    if(data>0){
                        var pages= $("span[name=pageNo]").text();
                        $.post("findWaterServlet",{"Turn":0,"page":pages-1},function (data) {
                            ergodic(data);//遍历数据的函数
                            count()//查询一共有多少条数据
                        },"json")

                    }
                })
            }
            layer.msg('删除成功 ', {icon: 1});
        }
    });
}
//是否启用
    function startUsing() {
    //循环table里面的数据  10  12
$(".layui-table tbody tr").each(function () {
   var td=$(this).find("td").eq(12).text()//判断值   0启动 1停用
    var staru=$(this).find("td").eq(11).find("a").eq(0);//特效
    if($(this).find("td").eq(12).text()==1){
        $(staru).attr('title','停用')
        $(staru).find('i').html('&#xe62f;');
        $(staru).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
    }else {
        $(staru).attr('title','启用')
        $(staru).find('i').html('&#xe601;');
        $(staru).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
    }
})

}




